<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- meta:desc -->
    <meta name="description" content="小兔鲜儿,致力打造全球最大的食品、生鲜电商购物平台">
    <!-- meta:kw -->
    <meta name="keywords" content="小兔鲜儿,食品,生鲜,服装,家电,电商,购物">
    <title>小兔鲜儿-新鲜、惠民、快捷！</title>
    <!-- link:favicon -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!-- 按顺序引入：外链式样式表后写的生效 -->
    <!-- 1.基础公共样式文件引入 -->
    <link rel="stylesheet" href="../css/base.css">
    <!-- 2.相同模块重复样式引入 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 3.首页的css文件引入 -->
    <!-- <link rel="stylesheet" href="./css/index.css"> -->
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/register.css">
    <link rel="stylesheet" href="../lib-master/theme-chalk/index.css">
</head>

<body>
    <!-- 快捷导航 -->
    <div class="shortcut">
        <div class="wrapper">
            <ul>
                <li><a href="./login.html">请先登录</a></li>
                <li><a href="./register.html">免费注册</a></li>
                <li><a href="#">我的订单</a></li>
                <li><a href="#">会员中心</a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">在线客服</a></li>
                <li><a href="#"><i class="iconfont icon-shouji size"></i><span>手机版</span></a></li>
            </ul>
        </div>
    </div>

    <!-- 头部 -->
    <div class="header">
        <div class="wrapper">
            <div class="logo">
                <h1><a href="../index.html">小兔鲜儿</a></h1>
            </div>
            <div class="nav">
                <ul>
                    <li><a href="../index.html">首页</a></li>
                    <li><a href="./category.html">居家</a></li>
                    <li><a href="#">美食</a></li>
                    <li><a href="#">服饰</a></li>
                    <li><a href="#">母婴</a></li>
                    <li><a href="#">个户</a></li>
                    <li><a href="#">严选</a></li>
                    <li><a href="#">数码</a></li>
                    <li><a href="#">运动</a></li>
                    <li><a href="#">杂项</a></li>
                </ul>
            </div>
            <div class="search">
                <i class="iconfont icon-sousuo size"></i>
                <input type="text" placeholder="搜一搜">
                <!-- 定位 放大镜 -->
                <span></span>
            </div>
            <div class="car">
                <i class="iconfont icon-gouwuche size"></i>
                <span>2</span>
            </div>
        </div>
    </div>
    <!-- 注册页面 -->
    <div class="register">
        <section class="wrapper">
            <div class="card">
                <i class=" el-icon-position"></i>
                <h3>新用户注册</h3>
                <form action="" class="registerForm">
                    <div class="formiItem">
                        <i class="el-icon-s-custom"></i>
                        <input type="text" placeholder="设置用户名称" name="username">
                        <span class="msg el-icon-warning"></span>
                    </div>
                    <div class="formiItem">
                        <i class="iconfont icon-shouji"></i>
                        <input type="text" placeholder="输入手机号码" name="phone">
                        <span class="msg el-icon-warning"></span>
                    </div>
                    <div class="formiItem">
                        <i class="iconfont icon-31daipingjia"></i>
                        <input type="text" placeholder="短信验证码" name="code">
                        <span class="msg el-icon-warning"></span>
                        <a class="code">发送验证码</a>
                    </div>
                    <div class="formiItem">
                        <i class="iconfont icon-yincang1"></i>
                        <input type="password" placeholder="设置6至20位字母、数字和符号组合" name="password">
                        <span class="msg el-icon-warning"></span>
                    </div>
                    <div class="formiItem">
                        <i class="el-icon-refresh-right"></i>
                        <input type="password" placeholder="请再次输入密码" name="confirm">
                        <span class="msg el-icon-warning"></span>
                    </div>
                    <div class="formiItem">
                        <span class="agree">
                            <span class="iconfont icon-chenggong " id="right"> </span>
                            已阅读并同意<a>《用户服务协议》</a>
                        </span>

                    </div>
                    <div class="formiItem">
                        <button class="submit">下一步</button>
                    </div>

                </form>
        </section>
    </div>
    </div>
    <div class="footerII clearfix">
        <div class="wrapper">
            <!-- 联系我们 -->
            <div class="contact clearfix">
                <dl>
                    <dt>客户服务</dt>
                    <dd class="chat">在线客服</dd>
                    <dd class="feedback">问题反馈</dd>
                </dl>
                <dl>
                    <dt>关注我们</dt>
                    <dd class="weixin">公众号</dd>
                    <dd class="weibo">微博</dd>
                </dl>
                <dl>
                    <dt>下载APP</dt>
                    <dd class="qrcode">
                        <img src="http://erabbit.itheima.net/img/qrcode.5372a064.jpg">
                    </dd>
                    <dd class="download">
                        <span>扫描二维码</span>
                        <span>立马下载APP</span>
                        <a href="javascript:;">下载页面</a>
                    </dd>
                </dl>
                <dl>
                    <dt>服务热线</dt>
                    <dd class="hotline">
                        400-0000-000
                        <span>周一至周日 8:00-18:00</span>
                    </dd>
                </dl>
            </div>
        </div>

        <!-- 版权区域 -->
        <div class="footer">
            <div class="wrapper">
                <div class="top">
                    <ul>
                        <li>
                            <!-- 通过伪元素添加精灵图 -->
                            <span>价格亲民</span>
                        </li>
                        <li>
                            <span>物流快捷</span>
                        </li>
                        <li>
                            <span>品质新鲜</span>
                        </li>

                    </ul>
                </div>
                <div class="bottom">
                    <p>
                        <a href="#">关于我们</a> |
                        <a href="#">帮助中心</a> |
                        <a href="#">售后服务</a> |
                        <a href="#">配送验收</a> |
                        <a href="#">商务合作</a> |
                        <a href="#">搜索推荐</a> |
                        <a href="#">友情链接</a>
                    </p>
                    <p>CopyRight © 小兔鲜儿</p>
                </div>
            </div>
        </div>
        <script src="../lib-master/index.js"></script>
        <script src="../js/register.js"></script>
        <script src="../js/public.js"></script>
</body>

</html>

</html>